<template>
    <div>
<!--        头部固定定位logo-->
        <topHead active="1"></topHead>
        <div class="main">
            <div class="img-box">
                <img src="../../assets/productImg/product_img.jpg" alt="">
            </div>
        </div>
        <div class="container">
<!--            产品案例-->
            <productCase></productCase>
<!--            项目案例-->
            <projectCase></projectCase>
        </div>
<!--        底部-->
        <blackHead></blackHead>
    </div>
</template>

<script>
    import topHead from  "../../components/top";
    import blackHead from "../../components/blackFooter";
    import productCase from "./components/productCase";
    import projectCase from "./components/projectCase";
    export default {
        name: "product",
        components:{
            topHead,
            blackHead,
            productCase,//产品案例
            projectCase,//项目案例
        },
    }
</script>

<style scoped lang="less">
    .main {
        img {
            width: 100%;
        }
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 1170px;
        margin-top: 30px;
    }
</style>